<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <script type="text/javascript" src="assets/jwplayer.min.js"></script>
    <link type="text/css" rel="stylesheet" href="assets/style.css" />
    <title>DFXP with Offsets</title>

</head>
<body>

<h2>DFXP with Offsets</h2>

<div id="player"></div>
<script type="text/javascript">
jwplayer("player").setup({
    file: 'http://content.bitsontherun.com/videos/7OCSON1y.mp4',
    height: 270,
    image: 'http://content.bitsontherun.com/thumbs/7OCSON1y-320.jpg',
    plugins: {
        '../captions.js': {
            file: 'assets/corrie-offsets.xml'
        }
    },
    flashplayer: 'assets/player.swf',
    width: 480
});
</script>


<p>This setup loads a DFXP file that lists begin/end offsets instead of timestamps.<br/>
Test on a Flash-enabled browser. In all cases, watch the entire video.<br/>
Captions should render and disappear at the correct time.</p>


</body>
</html>